<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-3.6.0.js" type="text/javascript"></script>
    <script type="text/javascript">
      alert("haha");
      $(function () {
        alert($("select :selected").text());
      });
    </script>
  </head>
  <body>
    <form id="form1" action="#">
      可用元素：<input name="add" value="可用文本框" /><br />
      不可用元素：<input
        name="email"
        disabled="disabled"
        value="不可用文本框"
      /><br />
      可用元素：<input name="che" value="可用文本框" /><br />
      不可用元素：<input
        name="name"
        disabled="disabled"
        value="不可用文本框"
      /><br />
      多选框：
      <input
        type="checkbox"
        name="newsletter"
        checked="checked"
        value="test1"
      />test1 <input type="checkbox" name="newsletter" value="test2" />test2
      <input type="checkbox" name="newsletter" value="test3" />test3
      <input
        type="checkbox"
        name="newsletter"
        checked="checked"
        value="test4"
      />test4 <input type="checkbox" name="newsletter" value="test5" />test5
      <div></div>
      下拉列表1：<br />
      <select name="test" multiple="multiple" style="height: 100px">
        <option>浙江</option>
        <option selected="selected">湖南</option>
        <option>北京</option>
        <option selected="selected">天津</option>
        <option>广州</option>
        <option>湖北</option></select
      ><br />
      下拉列表2：<br />
      <select name="test2">
        <option>浙江</option>
        <option>湖南</option>
        <option selected="selected">北京</option>
        <option>天津</option>
        <option>广州</option>
        <option>湖北</option>
      </select>
      <br /><br />
    </form>
  </body>
</html>
